<template lang="html">
  <div class="menu-model">
    <el-menu
      default-active="1"
      :unique-opened="true"
      :default-openeds="['1', '2', '3']"
      :default-active="defaultActive"
      :router="true"
    >
      <el-submenu index="1">
        <template slot="title">
          <span>开发指南</span>
        </template>
        <el-menu-item-group>
          <el-menu-item index="/guide/install">安装</el-menu-item>
          <el-menu-item index="/guide/quikeStart">快速上手</el-menu-item>
        </el-menu-item-group>
      </el-submenu>
      <el-submenu index="2">
        <template slot="title">
          <span>通用组件</span>
        </template>
        <el-menu-item-group>
          <el-menu-item index="/input">Input 输入框</el-menu-item>
          <el-menu-item index="/button">Button 按钮</el-menu-item>
          <el-menu-item index="/radio">Radio 单选框</el-menu-item>
          <el-menu-item index="/slider">Slider 滑块</el-menu-item>
          <el-menu-item index="/tag">Tag 标签</el-menu-item>
          <el-menu-item index="/progress">Progress 进度条</el-menu-item>
          <el-menu-item index="/input-number">InputNumber 计数器</el-menu-item>
          <el-menu-item index="/switch">Switch 开关</el-menu-item>
          <el-menu-item index="/color-picker">ColorPicker 颜色选择</el-menu-item>
          <el-menu-item index="/icon">Icon 图标</el-menu-item>
          <el-menu-item index="/checkbox">Checkbox 多选</el-menu-item>
          <el-menu-item index="/rate">rate 星级</el-menu-item>
          <el-menu-item index="/tabs">tabs 标签栏</el-menu-item>
          <el-menu-item index="/breadcrumb">breadcrumb 面包屑</el-menu-item>
          <el-menu-item index="/message">message 消息提示</el-menu-item>
          <el-menu-item index="/page-header">page-header 页头</el-menu-item>
          <el-menu-item index="/common-js">common-js 公共函数库</el-menu-item>



        </el-menu-item-group>
      </el-submenu>
    </el-menu>
  </div>
</template>

<script>
export default {
  data () {
    return {
      defaultActive: '/guide/install'
    }
  },
  created () {
    const path = this.$route.fullPath
    this.defaultActive = path == '/' ? '/guide/install' : path
  },
  methods: {
  }
}
</script>
